<template>
  <div>
    <h5>cont 组件</h5>
    <p>Cont 的值是：{{ cont }}</p>
    <button v-on:click="cont += 1">cont + 1</button>
  </div>
</template>

<script>
export default {
  // props 是自定义属性 允许使用者自定义属性 为当前组件定义初始值
  props: {
      // 自定义属性 A:{},
      // 自定义属性 B：{}
    init: {
      default: 0,
      // 使用type 定义属性 定义 init 的值必须为数组
      type: Number,
      // init 的值必须填 不填将会强制报错
      required: true,
    },
  },
  data() {
    return {
      cont: this.init,
    };
  },
};
</script>

<style lang="less">
h5{
  // color: purple;
}
</style>